body {
    background: #f5f5f5;
}
.body_home {
    width: 100%;
    height: auto;
}
.top_header {
    width: 100%;
    height: 30px;
}
.wrap_top_header {
    width: 960px;
    height: 30px;
    margin: 0px auto;
}
.wrap_top_header ul {
    height: 30px;
}
.wrap_top_header ul li {
    height: 30px;
    display: inline;
}
.wrap_top_header ul li a {
    height: 30px;
    line-height: 30px;
    float: right;
    padding: 0px 12px;
    border-right: 1px solid #cacacc;
    font-size: 13px;
    color: #333333;
}
.wrap_top_header ul li:first-child a {
    border-right: none;
}
.icon_gopy {
    padding-left: 20px !important;
    background: url(../img/icon_gopy.png) no-repeat center left;
}
.container {
    width: 100%;
    height: auto;
    background: url(../img/bg_main.jpg) repeat-x 0 0;
}
.wrap_container {
    width: 960px;
    height: auto;
    margin: 0px auto;
}
.header {
    width: 960px;
    height: 90px;
    background: #353b97;
    border-radius: 10px 10px 0px 0px;
}
.logo {
    width: 270px;
    height: 100%;
    float: left;
    margin-left: 25px;
}
.logo img {
    margin-top: 5px;
}
.search {
    width: 470px;
    height: 100%;
    float: left;
    margin-left: 35px;
}
.shopcart {
    width: 130px;
    height: 100%;
    float: left;
    margin-left: 15px;
}
.search #form_search {
    height: 35px;
    width: 470px;
    margin-top: 28px;
    position: relative;
}
.txt_search {
    height: 35px; 
    line-height: 35px;
    background: #fff;
    border: none !important;
    width: 460px;
    padding-left: 10px;
    position: relative;
    z-index: 1;
}
.btn_search {
    height: 31px;
    width: 96px;
    background: url(../img/btn_search.jpg) no-repeat 0 0;
    position: absolute;
    z-index: 10;
    top: 2px;
    right: 2px;
    border: none !important;
    cursor: pointer;
}
.shopcart a {
    width: 85px;
    height: 35px;
    line-height: 35px;
    margin-top: 28px;
    display: block;
    padding-left: 45px;
    background: url(../img/icon_shopcart.png) no-repeat 18px 8px #fff;
    color: #333333;
}
.shopcart a:hover {
    color: #333333;
}
.nav {
    width: 960px;
    height: 33px;
    margin-top: 10px;
    background: #273896;
    position: relative;
    z-index: 10000;
}
.nav_style_left { 
    width: 12px;
    height: 45px;
    background: url(../img/icon_nav_left.png) no-repeat 0 0;
    position: absolute;
    top: 0px;
    left: -12px;
}
.nav_style_right { 
    width: 12px;
    height: 45px;
    background: url(../img/icon_nav_right.png) no-repeat 0 0;
    position: absolute;
    top: 0px;
    right: -12px;
}
.product_cat_control {
    width: 186px;
    height: 29px;
    line-height: 29px;
    float: left;
    margin-left: 6px;
    margin-top: 2px;
    background: #fff;
    border-radius: 4px 4px 0px 0px;
    position: relative;
}
.product_cat_control h3 {
    width: 172px;
    padding-left: 14px;
    height: 29px;
    line-height: 29px;
    font-size: 15px;
    background: url(../img/arrow_bottom.png) no-repeat 162px 12px;
}
.main_nav {
    width: 660px;
    height: 33px;
    float: left;
}
.main_nav ul.nav_c1 {
    width: 660px;
    height: 33px;
}
.main_nav ul.nav_c1 > li {
    display: inline-block;
    position: relative;
}
.main_nav ul.nav_c1 > li > a {
    height: 33px;
    line-height: 33px;
    float: left;
    padding: 0px 12px;
    background: url(../img/if_nav.png) no-repeat right center;
    font-size: 14px;
    color: #fff;
}
.main_nav ul.nav_c1 > li:last-child > a {
    background: none;
}
.main_nav ul.nav_c1 > li > ul.nav_c2 {
    position: absolute;
    top: 33px;
    left: 0px;
    width: 160px;
    background: #273896;
    display: none;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
}
.main_nav ul.nav_c1 > li > ul.nav_c2 > li {
    position: relative;
    border-bottom: 1px solid #eaeaea;
    display: block;
}
.main_nav ul.nav_c1 > li > ul.nav_c2 > li > a {
    height: 28px;
    line-height: 28px;
    padding-left: 10px;
    display: block;
    color: #fff;
}
.main_nav ul.nav_c1 > li > ul.nav_c2 > li > ul.nav_c3 {
    position: absolute;
    top: 0px;
    left: 160px;
    width: 180px;
    background: #273896;
    display: none;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
}
.main_nav ul.nav_c1 > li > ul.nav_c2 > li > ul.nav_c3 li{
    border-bottom: 1px solid #eaeaea;
    display: block;
}
.main_nav ul.nav_c1 > li > ul.nav_c2 > li > ul.nav_c3 li a{
    height: 28px;
    line-height: 28px;
    padding-left: 10px;
    display: block;
    color: #fff;
}
.main_nav ul.nav_c1 > li:hover > ul.nav_c2{
    display: block;
}
.main_nav ul.nav_c1 > li > ul.nav_c2 > li:hover > ul.nav_c3{
    display: block;
}
.liv_chat {
    width: 106px;
    height: 33px;
    line-height: 33px;
    padding-top: 8px;
    margin-top: -8px;
    float: left;
    background: url(../img/icon_livechat.png) no-repeat right center;
}
.liv_chat a {
    width: 106px;
    height: 33px;
    line-height: 33px;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
}
.featured {
    width: 960px;
    height: 300px;
    background: #fff;
}
.product_cat {
    width: 185px;
    height: 298px;
    border: 2px solid #3a409d;
    border-top: none !important;
    margin-left: 5px;
    float: left;
    background: url(../img/bg_cat.jpg) repeat 0 0;
}
.product_cat_show {
    float: none !important;
    margin-left: 0px !important;
    position: absolute;
    top: 31px;
    left: -1px;
    display: none;
}
.product_cat_control:hover div.product_cat_show {
    display: block;
}
.slide {
    width: 756px;
    height: 295px;
    margin: 5px;
    float: left;
    position: relative;
}
.slide img {
    width: 756px;
    height: 295px;
}
.product_cat ul li {
    background: url(../img/if_cat.png) no-repeat center bottom;
}
.product_cat ul li a {
    width: 185px;
    height: 47px;
    line-height: 47px;
    display: block;
    font-size: 15px;
    color: #fff;
}
.cat_km {
    width: 135px;
    padding-left: 50px;
    background: url(../img/icon_promotion.png) no-repeat 15px center;
}
.cat_spm {
    width: 135px;
    padding-left: 50px;
    background: url(../img/icon_newproduct.png) no-repeat 15px center;
}
.cat_dvpc {
    width: 135px;
    padding-left: 50px;
    background: url(../img/icon_hardservice.png) no-repeat 15px center;
}
.cat_dvpm {
    width: 135px;
    padding-left: 50px;
    background: url(../img/icon_softservice.png) no-repeat 15px center;
}
.cat_pk {
    width: 135px;
    padding-left: 50px;
    background: url(../img/icon_accessories.png) no-repeat 15px center;
}
.cat_httt {
    text-align: center;
    color: #fff000 !important;
}
.main {
    width: 960px;
    padding-top: 10px;
    background: #fff;
    overflow: hidden;
}
.news_feed {
    height: 40px;
    width: 949px;
    margin-left: 5px;
    border-right: 1px solid #e8e7e7;
    background: url(../img/bg_newfeed.jpg) repeat-x 0 0;
}
.customer_support {
    width: 225px;
    height: 40px;
    float: left;
    background: url(../img/bg_support_online.png) no-repeat 0 0;
}
.customer_support h3 {
    font-size: 12px;
    text-transform: uppercase;
    color: #000;
    letter-spacing: -1px;
    word-spacing: -1px;
    padding-left: 80px;
    line-height: 1em;
    padding-top: 5px;
}
.customer_support p {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    color: #b40000;
    letter-spacing: 0;
    padding-left: 100px;
}
.news_feed_main {
    width: 694px;
    height: 40px;
    line-height: 40px;
    float: left;
}
.news_feed_main {
    position: relative;
}
.news_feed_main ul li {
    height: 40px;
    line-height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.news_feed_main ul li.active {
    display: block;
}
.news_feed_main h2 {
    height: 40px;
    line-height: 40px;
    float: left;
    font-size: 13px;
    font-weight: normal;
}
.primary {
    width: 950px;
    margin: 10px 5px;
}
.left_col {
    width: 750px;
    float: left;
}
.right_col {
    width: 180px;
    float: left;
    margin-left: 20px;
}
.box_pro {
    width: 750px;
    margin-bottom: 10px;
}
.box_pro_tab {
    width: 100%;
    height: 30px;
    background: url(../img/bg_box_pro_tab.jpg) repeat-x 0 0;
    border-bottom: 1px solid #273896;
}
.box_pro_tab ul {
    width: 100%;
    height: 30px;
}
.box_pro_tab ul li {
    display: inline;
}
.box_pro_tab ul li a {
    height: 30px;
    line-height: 30px;
    float: left;
    padding: 0px 15px 0px 18px;
    color: #686868;
    font-size: 12px;
    background: url(../img/if_box_pro_tab.png) no-repeat center right;
}
.box_pro_tab ul li:last-child a, .box_pro_tab ul li:first-child a {
    background: none;
}
.box_pro_title {
    background: #273896 !important;
    color: #fff !important;
    font-weight: bold;
    padding-right: 22px !important;
    border-radius: 0px 14px 14px 0px;
}
.box_pro_main {
    width: 748px;
    min-height: 190px;
    overflow: hidden;
    border: 1px solid #d6d6d6;
    border-top: none !important;
}
.product {
    width: 140px;
    height: 170px;
    float: left;
    margin: 10px 4.8px;
    position: relative;
}
.product_img {
    width: 140px;
    height: 115px;
    overflow: hidden;
}
.product_img img {
    max-width: 140px;
    height: 115px;
    margin: 0 auto;
    display: block;
}
.product h2 {
    width: 140px;
    height: 40px;
    overflow: hidden;
    color: #097eb1;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
}
.product h3 {
    width: 140px;
    color: #cc0000;
    font-size: 14px;
    text-align: center;
}
.pro_new {
    background: url(../img/icon_new_product.png) no-repeat 0 0;
    width: 50px;
    height: 50px;
    position: absolute;
    top: -5px;
    left: 0px;
}
.pro_hot {
    background: url(../img/icon_hot_product.png) no-repeat 0 0;
    width: 50px;
    height: 50px;
    position: absolute;
    top: -5px;
    right: 0px;
}
.pro_gif {
    background: url(../img/icon_gif_product.png) no-repeat 0 0;
    width: 52px;
    height: 20px;
    position: absolute;
    top: 95px;
    left: 10px;
}

.side_box {
    width: 180px;
    margin-bottom: 10px;
}
.side_box_tab {
    width: 100%;
    height: 30px;
    background: url(../img/bg_box_pro_tab.jpg) repeat-x 0 0;
}
.side_box_tab h3 {
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #353b97;
    text-align: center;
}
.side_box_main {
    width: 100%;
}
.side_box_main ul li a {
    height: 30px;
    line-height: 30px;
    width: 170px;
    display: block;
    padding-left: 5px;
    border-bottom: 1px solid #eee;
}

.box_right {
    width: 180px;
    margin-bottom: 10px;
}
.box_right h3 {
    width: 180px;
    font-size: 13px;
    color: #353b97;
    height: 30px;
    line-height: 30px;
    margin-bottom: 1px;
}
.box_right_img {
    width: 180px;
    height: 190px;
    overflow: hidden;
}
.box_right_img img {
    width: 180px;
    height: 190px;
}

.top_footer {
    width: 100%;
    height: 40px;
    border-top: 1px solid #cacaca;
}
.wrap_top_footer {
    width: 888px;
    height: 40px;
    margin: 0px auto;
    background: #cacaca;
    border-radius: 0px 0px 12px 12px;
}
.wrap_top_footer ul {
    text-align: center;
}
.wrap_top_footer ul li {
    display: inline;
    padding: 0px 17px;
}
.wrap_top_footer ul li a {
    height: 40px;
    line-height: 40px;
    color: #666;
    font-weight: bold;
}
.footer {
    width: 100%;
    height: 180px;
	float:left;
    background: #444;
    margin-top: 10px;
    box-shadow:inset 0px 3px 5px #000000;
}
.footer ul li {
	color:#FFFFFF;
	font-size:12px;
}
.wrap_footer {
    width: 960px;
    height: 100%;
    margin: 0px auto;
}
.box_footer {
    width: 255px;
    height: 200px;
    padding-left: 15px;
    float: left;
    background: url(../img/if_footer.jpg) no-repeat center right;
}
.network_social {
    width: 135px;
    height: 200px;
    padding-left: 15px;
    float: left;
}
.box_footer_title {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    padding-top: 20px;
    padding-bottom: 5px;
}
.box_footer ul li a, .box_footer p {
    font-size: 12px;
    color: #fff;
}
.network_social ul li a {
    width: 90px;
    height: 32px;
    line-height: 32px;
    margin-top: 5px;
    padding-left: 45px;
    display: block;
    color: #fff;
    font-size: 13px;
}
.sfb {
    background: url(../img/icon_fb.png) no-repeat 5px center;
}
.syt {
    background: url(../img/icon_yt.png) no-repeat 5px center;
}
.stt {
    background: url(../img/icon_tt.png) no-repeat 5px center;
}
.copy {
    width: 960px;
    height: 60px;
    float: left;
}
.copy h3{
    text-align: center;
    color: #cbcbcb;
    line-height: 1.1em;
}
.adsLeft, .adsRight {
    display: block; 
    position: fixed; 
    top: 130px;
}
.breadcrumb {
    width: 100%;
    height: 30px;
    line-height: 30px;
}
.breadcrumb ul li a {
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    padding: 0px 15px 0px 10px;
    background: url(../img/icon_breadcrumb.png) no-repeat right center;
    color: #333333;
}
.breadcrumb ul li:last-child a {
    background: none !important;
}
/*-------------------------------------------- product ----------------------------------------------------------*/
.main_product {
    background: #fff;
    padding: 10px 5px;
    overflow: hidden;
    width: 950px;
}
.left_pro {
    width: 150px;
    float: left;
}
.right_pro {
    width: 790px;
    float: left;
    margin-left: 5px;
}
.box_left_pro {
    width: 150px;
}
.box_left_pro_tab {
    width: 100%;
    height: 26px;
}
.box_left_pro_main {
    width: 138px;
    border: 1px solid #ebebeb;
    padding: 5px;
}
.pro_filter_tab h3 {
    height: 26px;
    line-height: 26px;
    padding-left: 17px;
    background: url(../img/icon_list_proloc.png) no-repeat left center;
    color: #2d93f9;
    font-weight: normal;
    font-size: 13px;
}
.pro_filter ul li a {
    color: #333333;
    height:  24px;
    line-height: 24px;
    font-size: 12px;
    padding-right: 1px;
}
.pro_filter li.filter_selected a{
    color : #a9302a;
    font-weight: bold;
}
.pro_slide {
    width: 790px;
    height: 297px;
}
.pro_cat_list {
    width: 790px;
}
.pro_cat_filter {
    width: 788px;
    height: 30px;
    border: 1px solid #e1e1e1;
    border-radius: 4px 4px 0px 0px;
    background : #f8f8f8;
}
.pro_cat_filter ul li {
    display: inline;
    height: 30px;
    line-height: 30px;
}
.pro_cat_filter ul li:first-child {
    padding-left: 10px;
}
.pro_cat_filter ul li.last {
    float: right;
    padding-right: 5px;
}
.pro_cat_filter ul li a{
    height: 30px;
    line-height: 30px;
    padding: 0px 6px;
}
.pro_cat_filter ul li a img{
    margin-top: 3px;
}
.pro_cat_main {
    width: 788px;
    border: 1px solid #e1e1e1;
    overflow: hidden;
}
.pro_cat_wrap {
    width: 788px;
    padding: 10px 0px;
    border-bottom: 1px dashed #e4e4e4;
    overflow: hidden;
}
.pro_cat_main .pro_cat_wrap:last-child {
    border-bottom: none !important;
}
.pro_cat_main .pro_cat_wrap  .product {
    margin: 10px 8.8px !important;
}
.pagination {
    margin: 30px auto auto;
    text-align: center;
    width: auto;
}
.pages li {
    display: inline-block;
    margin: 5px 2px;
}
.pages li a {
    border: 1px solid #D5D5D5;
    color: #666666;
    font-size: 11px;
    font-weight: bold;
    height: 25px;
    padding: 4px 8px;
    text-decoration: none;
    background: #fafafa; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url();
    background: -moz-linear-gradient(top,  #fafafa 0%, #f1f1f1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fafafa 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fafafa 0%,#f1f1f1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fafafa 0%,#f1f1f1 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fafafa 0%,#f1f1f1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-8 */

}
.pages li a:hover {
    background: #f1f1f1; 

}
.pages li .active {
    background: #3c454c;
    border-color: #424852;
    color: #FFFFFF;
}

.product_detail_featured {
    width: 100%;
    overflow: hidden;
    padding-bottom: 10px;
}
.product_detail_img {
    width: 240px;
    height: 240px;
    float: left;
    margin-top: 10px;
}
.product_detail_img img {
    height: 240px;
    max-width: 100%;
    margin: 0 auto;
    display: block;
}
.product_detail_info {
    width: 545px;
    float: left;
    margin-left: 5px;
}
.product_detail_add_card {
    width: 120px;
    height: 80px;
    float: left;
    margin-left: 5px;
    background: #f2f2f2;
    border-radius: 8px;
    margin-top: 20px;
    padding: 10px;
}
.product_detail_info h1 {
    color: #000;
    font-size: 16px;
}
.product_detail_info p {
    color: #000;
    font-size: 14px;
}
.product_detail_social {
    width: 100%;
    height: 22px;
}
.product_detail_info_main {
    width: 100%;
}
.product_detail_info_main table tr td {
    color: #000;
    font-size: 12px;
    padding: 2px 0px;
}
.product_detail_info_main table tr td:first-child {
    width: 120px;
    padding-right: 5px;
    text-align: right;
    vertical-align: top;
}
.product_detail_info_main table tr td:last-child {
    width: 395px;
    padding-left: 5px;
    text-align: left;
}
.product_detail_info_main table tr td.red {
    font-size: 18px;
    font-weight: bold;
    color: red !important;
}
.product_detail_info_main table tr:first-child td:first-child {
    vertical-align: middle !important;
}
.product_detail_add_card_btn {
    margin: 20px auto;
}
.btn_add_cart {
    display: block;
    width: 118px;
    height: 26px;
    line-height: 26px;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    background: #7ca82a; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url();
    background: -moz-linear-gradient(top,  #7ca82a 0%, #6f9529 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7ca82a), color-stop(100%,#6f9529)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #7ca82a 0%,#6f9529 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #7ca82a 0%,#6f9529 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #7ca82a 0%,#6f9529 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #7ca82a 0%,#6f9529 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ca82a', endColorstr='#6f9529',GradientType=0 ); /* IE6-8 */
}
.btn_add_cart span {
    background: url(../img/icon_add_cart.png) no-repeat 10px center;
    width: 88px;
    padding-left: 30px;
}
.product_detail_main {
    width: 100%;
}
.product_detail_main_tab {
    width: 950px;
    height: 30px;
    border-bottom: 1px solid #2e3e99;
    background: #e9e9e9;
    z-index: 1000;
}
.product_detail_main_tab ul {
    position: relative;
}
.product_detail_main_tab ul li {
    display: inline;
    position: relative;
}
.product_detail_main_tab ul li:nth-child(1) {
    z-index: 1000000000;
}
.product_detail_main_tab ul li:nth-child(2) {
    z-index: 100000000;
}
.product_detail_main_tab ul li:nth-child(3) {
    z-index: 10000000;
}
.product_detail_main_tab ul li:nth-child(4) {
    z-index: 1000000;
}
.product_detail_main_tab ul li:nth-child(5) {
    z-index: 100000;
}
.product_detail_main_tab ul li:nth-child(6) {
    z-index: 10000;
}
.product_detail_main_tab ul li:nth-child(7) {
    z-index: 1000;
}
.product_detail_main_tab ul li a {
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    padding: 0px 35px;
    border-radius: 15px;
    color: #333333;
    font-weight: bold;
    background: #e9e9e9;
    margin-right: -20px;
}
.product_detail_main_tab ul li:nth-child(1) a {
    border-radius: 0px 15px 15px 0px !important;
}
.product_detail_main_tab ul li a.active {
    background: #2e3e99;
    color: #fff;
}
.product_detail_main_info {
    width: 100%;
    padding: 10px 0px;
}
.product_detail_picture {
    width: 100%;
    height: 500px;
}
.product_detail_group {
    width: 100%;
    height: auto;
    margin-top: 5px;
}
.product_detail_group_tab {
    width: 100%;
    height: 35px;
    border-bottom: 1px double #e6e6e6;
    box-shadow:inset 0px -2px 1px #ddd;
}
.product_detail_group_tab h3 {
    height: 35px;
    line-height: 35px;
    padding-left: 10px;
    color: #333333;
}
.product_detail_group_main {
    width: 100%;
    padding: 5px 0px;
    overflow: hidden;
}
#video-san-pham .product_detail_group_main {
    text-align: center;
}
.spec_descr {
    width: 100%;
}
.spec_descr tr td {
    padding: 2px 0px;
    border-bottom: 1px solid #eee;
}
.spec_descr tr td:first-child {
    width: 240px;
    padding-right: 10px;
    text-align: right;
    font-weight: bold;
}
.spec_descr tr td:last-child {
    width: 700px;
    padding-left: 10px;
    text-align: left;
}
.product_detail_relase {
    width: 286px;
    height: 160px;
    float: left;
    margin: 5px 15px;
}
.product_detail_relase_img {
    width: 140px;
    height: 140px;
    float: left;
}
.product_detail_tech_item {
    width: 448px;
    padding-top: 10px;
    padding-right: 12px;
    padding-left: 15px;
}
.product_detail_tech_item:nth-child(2n+1) {
    //float: left;
}
.product_detail_tech_item:nth-child(2n) {
    //float: right;
}
.product_detail_tech_item h3 {
    color: #76a102;
    font-size: 14px;
}
.product_detail_tech_item table {
    width: 446px;
    border: 1px solid #e3e3e3;
}
.product_detail_tech_item table tr {
}
.product_detail_tech_item table tr:nth-child(2n+1) {
    background: #f7f7f7;
}
.product_detail_tech_item table tr td {
    width: 223px;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: left;
}
.product_detail_tech_item table tr td:first-child {
    padding-right: 10px;
    border-right: 1px solid #dfdfdf;
    text-align: right;
}
.product_detail_tech_item table tr td:last-child {
    padding-left: 10px;
    border-left: 1px solid #dfdfdf;
    text-align: left;
}
.product_detail_relase_img img {
    max-width: 140px;
    height: 140px;
}
.product_detail_relase_info {
    width: 140px;
    height: 160px;
    float: left;
    margin-left: 6px;
}
.product_detail_relase_info h2 {
    font-size: 14px;
    color: red;
}
.product_detail_relase_info p {
    font-size: 13px;
    color: #7cb220;
}
.product_detail_relase_info h3 {
    font-size: 14px;
    color: #0076a3;
    font-weight: normal;
}
.product_detail_app_download {
    width: 160px;
    height: 60px;
    border-radius: 8px;
    background: #d6d6d6;
    float: left;
    margin-left: 10px;
}
.product_detail_app_download h3 {
    color: #666;
    padding: 10px;
    font-size: 14px;
    line-height: 1.1em;
    font-weight: normal;
}
/*---------------------------------------- user ----------------------------------------*/
.main_user {
    overflow: hidden;
    padding: 10px 0px;
    width: 960px;
    background: #fff;
}
.grid {
    width: 470px;
    display: inline;
    float: left;
    background: #f5f5f5;
}
.reg_box {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DBDBDB;
    margin: 10px;
    min-height: 250px;
    padding: 15px;
}
.reg_box2 {
     background: url(../img/icon_box_fonecare.png) no-repeat 20px 150px #FFFFFF;
}
.reg_title {
    position: relative;
}
.reg_box h1 {
    font-size: 20px;
}
.darkblue {
    color: #267AB7;
}
.formNote {
    color: #939393;
    display: block;
    font-size: 12px;
    padding-top: 5px;
    text-align: left;
}
.reg_title .icon_lock {
    position: absolute;
    right: 0;
    top: 0;
}
.loginControl {
    border-top: 1px solid #FFFFFF;
    padding: 8px 0;
}
.rememberMe {
    float: left;
    margin-top: 6px;
}
.rememberMe label {
    cursor: pointer;
    display: block;
    float: left;
    margin: 0;
    white-space: nowrap;
    width: auto;
}
.formRow {
    border-top: 1px solid white;
    clear: both;
    padding: 10px 0;
    position: relative;
}
.formRow:first-child {
    border-top: medium none;
}
.formRow > label {
    display: block;
    float: left;
    padding: 4px 0;
}
.reg_box .loginInput {
    float: right;
    margin-right: 14px !important;
    width: 300px;
}
.loginInput {
    float: right;
    width: 190px;
}
.formRow .formRight {
    display: block;
    float: right;
    margin-right: 18px;
    width: 75%;
}
.form input[type="text"], .form input[type="password"], .form textarea {
    background: none repeat scroll 0 0 white;
    border: 1px solid #DDDDDD;
    box-shadow: 0 0 0 2px #F4F4F4;
    color: #656565;
    font-size: 12px;
    padding: 7px 6px;
    width: 100%;
}
.clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}
ul.reg_extend {
    display: block;
    list-style: none outside none;
}
ul.reg_extend li {
    background: url("../img/plusG.png") no-repeat scroll left 2px transparent;
    clear: left;
    display: block;
    margin: 4px 0;
    padding-left: 16px;
}
.btn_reg {
    display: block;
    width: 118px;
    height: 26px;
    line-height: 26px;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    background: #7ca82a; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url();
    background: -moz-linear-gradient(top,  #7ca82a 0%, #6f9529 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7ca82a), color-stop(100%,#6f9529)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #7ca82a 0%,#6f9529 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #7ca82a 0%,#6f9529 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #7ca82a 0%,#6f9529 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #7ca82a 0%,#6f9529 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ca82a', endColorstr='#6f9529',GradientType=0 ); /* IE6-8 */
}
.btn_reg span {
    background: url(../img/users2.png) no-repeat 10px center;
    width: 88px;
    padding-left: 30px;
}
.logMeIn {
    display: block;
    width: 118px;
    height: 26px;
    line-height: 26px;
    border-radius: 4px;
    border: none !important;
    color: #fff;
    cursor: pointer;
    background: #3d82b9; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url();
    background: -moz-linear-gradient(top,  #3d82b9 0%, #3672a0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d82b9), color-stop(100%,#3672a0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3d82b9 0%,#3672a0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #3d82b9 0%,#3672a0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #3d82b9 0%,#3672a0 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #3d82b9 0%,#3672a0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d82b9', endColorstr='#3672a0',GradientType=0 ); /* IE6-8 */
}
.grid2 {
    width: 950px;
    float: left;
    margin-top: 20px;
}
.grid2 p {
    line-height: 16px;
    font-size: 12px;
}
.darkblue {
    color: #267AB7;
}
.grid_3 {
    width: 750px;
    margin-top: 10px;
}
ul.steps {
    background: url("../img/stepBgwrap.png") no-repeat scroll 0 0 transparent;
    height: 60px;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.steps li {
    float: left;
    display: inline;
    text-align: center;
    width: 236px;
}
ul.steps li.active b {
    background-position: 0 -32px !important;
}
ul.steps li b, ul.step li.active b {
    background: url("../img/stepNumber.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: block;
    font-size: 18px;
    height: 30px;
    line-height: 28px;
    margin-left: 104px;
    margin-top: 3px;
    text-align: center;
    width: 30px;
}
ul.steps li p {
    margin-bottom: 0;
    margin-top: 5px;
}
b, strong {
    font-weight: bold;
}
.widget_table {
    border: 1px solid #CDCDCD;
    clear: both;
    margin-bottom: 20px;
}
.widget_table .title {
    background: url("../img/titleBg.png") repeat-x scroll 0 0 #EFEFEF;
    border-bottom: 1px solid #CDCDCD;
    height: 36px;
}
.widget_table .title .titleIcon {
    border-right: 1px solid #D5D5D5;
    float: left;
    padding: 11px;
}
.widget_table .title h6 {
    float: left;
    font-size: 14px;
    font-weight: normal;
    padding: 9px 12px 8px;
}
.padding_left_right {
    padding: 0 10px;
}
.req {
    color: #DB6464;
    display: block;
    float: right;
    margin-left: 5px;
}
.oneTwo {
    display: inline;
    float: right;
    width: 48%;
}
.oneTwo:first-child {
    float: left;
}
.signup {
    width: 150px !important;
    height: 28px;
    line-height: 28px;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.sTable thead td {
    background: url("../img/titleBg.png") repeat-x scroll 0 0 #EFEFEF;
    border-bottom: 1px solid #CBCBCB;
    border-left: 1px solid #CBCBCB;
    color: #878787;
    font-size: 12px;
    font-weight: normal;
    padding: 6px 8px 4px;
}
.sTable thead td:first-child {
    border-left: medium none;
}
.sTable thead td {
    text-align: center;
}
.sTable tbody tr {
    border-top: 1px solid #E4E4E4;
}
.sTable tbody tr:first-child {
    border-top: medium none;
}
th, td, caption {
    font-weight: normal;
    vertical-align: sub;
}
.sTable tbody td:first-child {
    border-left: medium none;
}
.sTable tbody td {
    border-left: 1px solid #E4E4E4;
    padding: 8px 12px;
    vertical-align: middle;
}
.inpOnly input[type="text"], .inpOnly textarea {
    background: none repeat scroll 0 0 white;
    border: 1px solid #DDDDDD;
    box-shadow: 0 0 0 2px #F4F4F4;
    color: #656565;
    font-size: 12px;
    padding: 7px 6px;
    width: auto;
}
.product_price_block ul {
    list-style-type: none;
}
.product_price_block li {
    display: list-item;
}
.product_price_block li:first-child {
    margin-bottom: 15px;
}
.item-label, .item-price {
    font: 12px arial,sans-serif;
    margin-bottom: 10px;
    padding: 0;
}
.item-label, .item-price {
    font: 12px arial,sans-serif;
    margin-bottom: 10px;
    padding: 0;
}
.product_price_block .subtotal-price {
    font-weight: bold;
}
.item-label, .item-price {
    font: 12px arial,sans-serif;
    margin-bottom: 10px;
    padding: 0;
}
.inpOnly table,.inpOnly tbody,.inpOnly td,.inpOnly th,.inpOnly thead,.inpOnly tr,.inpOnly tt,.inpOnly ul {
    border: 0 none;
    font-size: 100%;
    margin: 0;
    padding: 0;
}
.btn_mua {
    width: 150px;
    height: 28px;
    line-height: 28px;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    background: #7ca82a; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url();
    background: -moz-linear-gradient(top,  #7ca82a 0%, #6f9529 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7ca82a), color-stop(100%,#6f9529)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #7ca82a 0%,#6f9529 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #7ca82a 0%,#6f9529 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #7ca82a 0%,#6f9529 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #7ca82a 0%,#6f9529 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ca82a', endColorstr='#6f9529',GradientType=0 ); /* IE6-8 */
}
.btn_thanhtoan {
    border : none;
    height: 28px;
    line-height: 28px;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    background: #ae463d; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url();
    background: -moz-linear-gradient(top,  #ae463d 0%, #983329 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ae463d), color-stop(100%,#983329)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ae463d 0%,#983329 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ae463d 0%,#983329 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ae463d 0%,#983329 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ae463d 0%,#983329 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae463d', endColorstr='#983329',GradientType=0 ); /* IE6-8 */

}
.btn_mua, .btn_thanhtoan {
    display: inline-block;
}
.btn_mua:hover, .btn_thanhtoan:hover {
    color: #fff;
}
.button .icon {
    float: left;
    margin: 7px -8px 5px 12px;
}
.button span {
    height: 12px;
    font-weight: bold;
    color: #fff;
    margin-left: 14px;
    margin-right: 14px;
}

/*---------------------------------------------------------- news ---------------------------------------------------*/
.news_box {
    background-color: #FCFCFF;
    border: 1px solid #D6D6D6;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
    font-size: 14px;
    margin: 15px 0;
    padding: 5px 15px 15px;
}
.news_box_head {
    background: url("../img/bg_gradient.png") no-repeat scroll left bottom transparent;
    padding: 0;
}
.news_box_head a {
    font-size: 16px;
}
.news_box_head h1 {
    font-size: 24px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.news_box_head a h2 {
    font-size: 18px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.news_box_time {
    color: #888888;
    font-size: 12px;
    margin: 5px 0;
}
.news_box_image {
    margin: 10px 0;
    max-height: 300px;
    overflow: hidden;
    text-align: center;
}
.news_box_summary {
    line-height: 18px;
    margin: 15px 0;
    font-size: 13px;
    font-weight: bold;
}
.news_box_detail {
    display: block;
    text-align: right;
}
.news_box_detail a {
    font-size: 14px;
    font-weight: normal;
}
.news_box_body {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 1.5em;
}
.news_tag {
    float: left;
    margin-top: 22px;
    width: 100%;
}
.news_tag h3 {
    float: left;
    font-size: 15px;
    font-weight: bold;
    line-height: 31px;
    margin-right: 10px;
    width: auto;
}
.news_tag .tag_list_word {
    float: left;
    margin-top: 7px;
}
.tag_word {
    background: none repeat scroll 0 0 #F9F9F9;
    border-bottom: 1px solid #F0F0F0;
    border-radius: 3px 3px 3px 3px;
    border-right: 1px solid #F0F0F0;
    box-shadow: 1px 1px 1px #999999;
    color: #666666;
    font-size: 13px;
    font-style: italic;
    margin: 0 3px;
    padding: 5px 8px;
}
.news_relate {
    width: 100%;
    padding: 20px 0px 10px 0px;
    overflow: hidden;
}
/* ----------------------------------- Liên hệ - Contact ------------------------------------------*/
.contact {
    width: 100%;
    overflow: hidden;
    padding:  10px;
}
.contact_detail {
    width: 100%;
    overflow: hidden;
}
.contact_info {
    width: 320px;
    height: auto;
    float: left;
}
.contact_map {
    width: 310px;
    height: 200px;
    height: auto;
    float: left;
    margin-left: 10px;
    margin-top: 20px;
    border: 2px solid #bebebe;
    border-radius: 4px;
    overflow:  hidden;
}
.contact_info > h2 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: normal;
    color: #555;
}
.contact_info > div {
    width: 100%;
    margin: 10px 0px;
    overflow: hidden;
}
.contact_info > div > h3 {
    line-height: 16px;
    font-size: 14px;
    color: #008cc4;
    font-weight: bold;
    width: 90px;
    float: left;
}
.contact_info > div > p {
    line-height: 14px;
    font-size: 12px;
    font-weight: normal;
    width: 210px;
    float: left;
}
.contact_form {
    width: 100%;
    overflow: hidden;   
    margin-top: 10px; 
}
.contact_form > h2 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: normal;
    color: #555;
}
.contact_form form input.inputtxt {
    width: 500px;
}
input.inputcaptcha {
    width: 80px;
}
textarea.inputtxtArea {
    width: 500px;
    height: 200px;
}
.img-small{
    max-width : 80px;
    max-height : 140px;
}
/*---------------------------------------- user ------------------------------------*/
.user_info {
    width: 940px;
    padding: 10px;
}
.user_info_title {
    font-size: 18px;
    color: #097eb1;
    text-align: center;
    padding-bottom: 10px;
}
.user_info_avatar {
    width: 258px;
    height: 258px;
    float: left;
    border: 1px solid #bebebe;
    background: #fff;
}
.user_info_avatar img {
    width: 256px; 
    height: 256px;
    margin: 2px;
}
.user_info_main {
    width: 660px;
    margin-left: 20px;
    height: auto;
    float: left;
}
.user_info_name {
    font-size: 14px;
    line-height: 1.2em;
    padding: 0;
}
.user_change_pass {
    width: 100%;
}
.user_change_pass h3 {
    font-size: 15px;
    color: red;
    line-height: 1.2em;
    padding: 0px;
}
.formRow1 {
    clear: both;
    padding:0;
    position: relative;
}
.formRow1 > label {
    display: block;
    float: left;
    padding: 4px 0;
}
.formRow1 .formRight {
    display: block;
    float: right;
    margin-right: 18px;
    width: 75%;
}
/** Checkout section **/
.step_checkout {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color : #a9302a;
    padding : 20px 0;
}
.checkout_section {
    margin-top: 20px;
}

.checkout_section .cs_title {
    padding : 10px 2px;
    color : #24748c;
}
.checkout_section .cs_note {
    padding : 20px 2px;
}
.checkout_section .cs_info_cart, .checkout_section .cs_info_user {
    border : 1px solid #ccc;
    border-collapse: collapse;
    font-size: 12px;
    width : 100%;
}
.cs_info_cart td , .cs_info_user td{
    border : 1px solid #ccc;
}
.cs_info_user td {
    padding : 12px;
}
.cs_info_user tr:nth-child(2n){
    background: #f6f7f8;
}
.cs_info_user tr td:nth-child(2n){
    font-weight: bold;
}
.cs_info_cart th {
    border : 1px solid #ccc;
    font-weight: bold;
    vertical-align: middle;
    padding : 5px 8px;
    background: #f6f7f8;
}
.cs_info_cart .row_total {
    padding: 8px 12px;
    vertical-align: middle;
    line-height: 25px;
}
.cs_info_cart .row_footer_total td{
    padding : 12px;
    font-size: 13px;
    font-weight: bold;
    background: #f6f7f8;
}

.preview_info_cart {
    width : 670px;
    padding : 0 20px 20px 20px;
    height : 140px;
}
.preview_info_cart .thumb {
    width : 240px;
    float : left;
    border-right : 1px solid #ccc;
}
.preview_info_cart .thumb img{
    width : 160px;
    height: 160px;
    display:block;
    margin : 0 auto;
}
.preview_info_cart .title {
    margin-left: 240px;
    height : 30px;
    padding : 60px 10px;
}
.template_bill {
    padding: 10px;
}
.template_bill .template_bill_intro {
    font-size: 15px;
    font-style: italic;
}
.head_page {
    padding-left: 10px;
}
.tpl_bill_header {
    padding: 10px 0px 5px;
    font-size: 16px;
    font-weight: bold;
    color: #333333;
}
.tpl_bill_row_text {
    font-size: 14px;
}
.tpl_bill_row_value {
    font-weight: bold;
    font-size: 14px;
    color: #CC0000;
}
.tpl_bill_body table {
    width: 100%;
    border-collapse: collapse;
    margin: 10px 0px;
}
.tpl_bill_body table caption {
    font-size: 15px;
    font-weight: bold;
}
.tpl_bill_body table tr th,.tpl_bill_body table tr td {
    height: 28px;
    line-height: 28px;
    text-align: center;
    border: 1px solid #E4E4E4;
}
.tpl_bill_body table tr th {
    font-weight: bold;
}